<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./fonts/font-awesome-4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css" href="./css/base.css" />
  <link rel="stylesheet" type="text/css" href="./css/index.css" />
  <title>慢慢买--掌上比价平台</title>
</head>

<body>
  <!-- header 头部 -->
  <header>
    <h1>
      <a href="./index.html">
        <img src="./images/header_logo.png" alt="">
      </a>
    </h1>

    <a href="javascript:void(0);">
      <img src="./images/header_app.png" alt="">
    </a>
  </header>

  <!-- 搜索 -->
  <section class="mmb_search">
    <form action="#">
      <i class="fa fa-search" aria-hidden="true"></i>
      <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>
  <!-- 导航 -->
  <nav class="mmb_nav">
    <ul>

      <!-- navTmp 模板占坑专用 -->

    </ul>
  </nav>

  <!-- 商品列表 -->
  <section class="mmb_goods">
    <div class="mmb_title">
      <h5>超值折扣推荐</h5>
      <a href="javascript:;"><img src="./images/header_app.png" alt=""></a>
    </div>
    <div class="mmb_list">
      <ul>
        <!-- 商品列表 -->
      </ul>
    </div>
    <div class="goods_more">
      <a href="./views/coupon.html">更多优惠信息>></a>
    </div>
    <!-- 品牌排行 -->
    <div class="mmb_title">
      <h5>品牌排行</h5>
      <a href="javascript:;">
        <img src="./images/header_app.png" alt="">
      </a>
    </div>
  </section>

  <!-- footer 底部 -->
  <div class="mmb_footer">
    <div class="footer_link">
      <a href="javascript:;">登录</a>
      <a href="javascript:;">注册</a>
      <a href="#top">返回顶部</a>
    </div>
    <P><a href="javascript:;">手机app下载</a> 慢慢买手机版--掌上比价平台</P>
    <p>m.manmanbuy.com</p>
  </div>
</body>

<script src="./lib/zepto/dist/zepto.js"></script>
<script src="./lib/zepto/src/fx.js"></script>
<script src="./lib/zepto/src/fx_methods.js"></script>
<script src='./lib/art-template/template-web.js'></script>
<script src='./js/index.js'></script>
</body>

</html>
<script type="text/template" id="navTmp">
  {{ each result }}
    <li>
      <a href="./views/{{ $value.titlehref }}">
        {{@ $value.img }}
        <p>{{ $value.name }}</p>
      </a>
    </li>
  {{ /each }}
</script>

<script type="text/template" id="goodsTmp">
  {{each result}}
  <li>
      <a href="./views/moneyproduct.html?productid={{$value.productId}}">
        {{@ $value.productImgSm}}
          <div class="mmb_content">
            <h5>{{$value.productName}}</h5>
            <p class="pro_price">{{$value.productPinkage}}</p>
            <div class="pro_foot">
              <span class="from">{{$value.productFrom}} | {{$value.productTime}}</span>     
              <span class="comment"><i class="fa fa-comments" aria-hidden="true"></i>{{$value.productComCount}}</span>
            </div>
          </div>
      </a>
  </li>
  {{/each}}
</script>